<script setup>
import { onMounted } from "vue"
import Dialog from '@/views/Dialog.vue'
import SearchBar from '@/views/SearchBar.vue'
import List from '@/views/List/List.vue'
import {useWebsiteStore} from '@/store/websiteStore'



const websiteStore = useWebsiteStore()
const cb = () => {
  websiteStore.setIsShow(true)

}

onMounted(()=>{
  myApi.openDialog()
  //在桥里面监听主进程on-renderer-event事件
  myApi.onRendererEvent(cb)
})

</script>

<template>
  <main>
    <SearchBar ></SearchBar>
    <teleport to="body">
      <Dialog></Dialog>
    </teleport>
    <List></List>
  </main>
</template>

<style scoped lang="css">

</style>